<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <!-- 引入外部样式 -->
  <link rel="stylesheet" href="../css/demo.css">
</head>




<!-- 内部样式 -->
<style>
  div {
    color: antiquewhite;
    font-size: 50;
  }
</style>


<body>
  <!-- 内联样式 -->
  <div style="color: red; font-size: 50px;">HELL CSS version</div>
  <div>HELLO CSS version2</div>

  <span id="idValue">标签1</span>
  <span class="cls">标签2</span>
  <span>标签3</span>
  <br>
  <!-- <div style="text-align:center;">
    <img src="../img/a.jpg" width="250px" alt="这是发哥" />
</div> -->
  <img src="../img/a.jpg" width="250px" alt="这是发哥" align="center" title="这是我发哥" border="10" />

  <br>
  <!-- 有符号有序号 -->
  <ol>
    <li>哈哈</li>
    <li>呵呵</li>
    <li>嘻嘻</li>
    <li>拉拉</li>
    <li>吼吼</li>
  </ol>

  <ol type="i">
    <li>哈哈</li>
    <li>呵呵</li>
    <li>嘻嘻</li>
    <li>拉拉</li>
    <li>吼吼</li>
  </ol>

  <ol type="A">
    <li>哈哈</li>
    <li>呵呵</li>
    <li>嘻嘻</li>
    <li>拉拉</li>
    <li>吼吼</li>
  </ol>

  <!-- 有符号无序号 -->
  <ul type="square">

    <li>哈哈</li>
    <li>呵呵</li>
    <li>嘻嘻</li>
    <li>拉拉</li>
    <li>吼吼</li>

  </ul>

  <!-- 无符号无需好 -->
  <dl>

    <dt>哈哈</dt>
    <dd>呵呵</dd>
    <dd>嘻嘻</dd>
    <dd>拉拉</dd>
    <dd>吼吼</dd>

  </dl>

  在吗 约吗<br>
  在吗&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 约吗<br>

  &it;font&gt;






</body>

</html>